<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Date / Time Picker</title>

<script type="text/javascript" language="javascript"
	src="/nems/admin/time/prototype-1.js"></script>
<script type="text/javascript" language="javascript"
	src="/nems/admin/time/prototype-base-extensions.js"></script>
<script type="text/javascript" language="javascript"
	src="/nems/admin/time/prototype-date-extensions.js"></script>
<script type="text/javascript" language="javascript"
	src="/nems/admin/time/behaviour.js"></script>
<script type="text/javascript" language="javascript"
	src="/nems/admin/time/datepicker.js"></script>
<link rel="stylesheet" href="/nems/admin/time/datepicker.css" />
<script type="text/javascript" language="javascript"
	src="/nems/admin/time/behaviors.js"></script>

<link rel="stylesheet" href="css/style.css" />


</head>
<body>


	<form action="insert.course" name="fn" method="post">

		<h4
			style="font-family: ëëê³ ë, serif; font-weight: bold; color: highlight; text-decoration: underline; text-align: left; padding-left: 50px; font-size: 20px;">í´ëì¤
			ë±ë¡</h4>
		<hr>
		<br/>
		<br/>
			<table width="600" border="0">

				<tr align="left">

					<td width="300" height="30">í´ëì¤ ëª</td>
					<td width="300"><input type="text" id="courseName"
						name="courseName" class="form-control" placeholder="í´ëì¤ëª"
						style="height: 20px; width: 205px" /></td>
				</tr>

				<tr align="left">
					<td width="300" height="30">ê°ì¬ëª</td>
					<td width="300"><input type="text" id="lecturerName"
						name="lecturerName" class="form-control" placeholder="ê°ì¬ëª"
						style="height: 20px; width: 205px" /></td>

				</tr>

				<tr align="left">
					<td width="300" height="30">ììì¼</td>
					<td width="300">
						<div>
							<input class="datepicker" placeholder="ë ì§ ìë ¥" name="startDate"
								id="startDate" style="height: 20px; width: 185px" readonly />

						</div>
					</td>
					<td></td>


				</tr>

				<tr align="left">
					<td width="300" height="30">ì¢ë£ì¼</td>
					<td width="300">
						<div>
							<input class="datepicker" name="endDate" id="endDate"
								placeholder="ë ì§ ìë ¥" style="height: 20px; width: 185px" readonly />

						</div>
					</td>
					<td></td>

				</tr>

				<tr align="left">
					<td width="300" height="30">ìììê°</td>
					<td width="300">
						<div>
							<input class="timepicker"  id="startTime" name="startTime" placeholder="ìììê° ìë ¥"/> 
						</div>
					</td>


					<td></td>

				</tr>

				<tr align="left">
					<td width="300" height="30">ì¢ë£ìê°</td>
					<td width="300">
						<div>
							<input class="timepicker"  id="endTime" name="endTime" placeholder="ì¢ë£ìê° ìë ¥"/> 
						</div>
					</td>
					<td></td>
				</tr>







			</table>

			<br> <br>
					<center>

						<button class="positive" style="width: 70px" 
							onclick="timeCheck()">
							<img src="cust/img/shopping_cart_accept.png"
								style="width: 20px; height: 10px" />ë±ë¡
						</button>

						<button class="negative" style="width: 70px">
							<img src="cust/img/delete.png" style="width: 20px; height: 10px" />ì·¨ì
						</button>

					</center>
	</form>

</body>
</html>